<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<%@taglib prefix="h" uri="http://java.sun.com/jsf/html" %>
<%@taglib prefix="f" uri="http://java.sun.com/jsf/core" %>
<%@taglib prefix="a4j" uri="http://richfaces.org/a4j" %>
<%@taglib prefix="rich" uri="http://richfaces.org/rich" %>

<p class="izquierda">

    <h:panelGrid columns="2" columnClasses="label,input" >

        <h:outputLabel value="Nro. Placa/DUA:" for="NroPlacaDUA" />
        <h:panelGroup>
            <h:inputText id="NroPlacaDUA" value="#{CompraVentaVehiculoController.vehiculo.nroPlaca}" />
            <rich:suggestionbox id="sboxVehiculos"
                                for="NroPlacaDUA"
                                suggestionAction="#{CompraVentaVehiculoController.autoCompletar}"
                                var="vehiculo"
                                fetchValue="#{vehiculo.nroPlaca}"
                                width="600"
                                height="250"
                                nothingLabel="No se encontraron vehículos">

                <rich:column>
                    <h:outputText value="#{vehiculo.nroPlaca}" rendered="#{vehiculo.nroPlaca != null}" />
                    <h:outputText value="/" rendered="#{vehiculo.nroPlaca != null && vehiculo.dua != null}" />
                    <h:outputText value="#{vehiculo.dua}" rendered="#{vehiculo.dua != null}" />
                </rich:column>
                <rich:column>
                    <h:outputText value="#{vehiculo.marca}" />
                </rich:column>
                <rich:column>
                    <h:outputText value="#{vehiculo.modelo}" />
                </rich:column>

                <a4j:support event="onselect" reRender="VehiculoCompraVenta,pnlVehiculoCompraVenta" action="#{CompraVentaVehiculoController.asignarVehiculo}" >
                    <f:setPropertyActionListener target="#{CompraVentaVehiculoController.vehiculo}" value="#{vehiculo}" />
                </a4j:support>

            </rich:suggestionbox>
            <h:outputText value="Seleccione el vehículo que es objeto de la compra venta." styleClass="nota" />
        </h:panelGroup>

    </h:panelGrid>

</p>

<rich:spacer height="15" />

<a4j:outputPanel ajaxRendered="true" >

    <h:panelGrid id="VehiculoCompraVenta" columns="4" columnClasses="label,resalte,label,resalte" rendered="#{CompraVentaVehiculoController.compraVentaVehiculo.vehiculo != null}" >

        <h:outputLabel value="Nro Placa/DUA: " />
        <h:panelGroup>
            <h:outputText id="NroPlaca" value="#{CompraVentaVehiculoController.vehiculo.nroPlaca}" rendered="#{CompraVentaVehiculoController.vehiculo.nroPlaca != null}" />
            <h:outputText value="/" rendered="#{CompraVentaVehiculoController.vehiculo.dua != null && CompraVentaVehiculoController.vehiculo.nroPlaca != null}" />
            <h:outputText id="DUA" value="#{CompraVentaVehiculoController.vehiculo.dua}" rendered="#{CompraVentaVehiculoController.vehiculo.dua != null}" />
        </h:panelGroup>

        <h:outputLabel value="Marca: " for="Marca" />
        <h:outputText id="Marca" value="#{CompraVentaVehiculoController.vehiculo.marca}" />

        <h:outputLabel value="Modelo: " for="Modelo" />
        <h:outputText id="Modelo" value="#{CompraVentaVehiculoController.vehiculo.modelo}" />

        <h:outputLabel value="Nro. Serie: " for="NroSerie" />
        <h:outputText id="NroSerie" value="#{CompraVentaVehiculoController.vehiculo.nroSerie}" />

        <h:outputLabel value="Color: " for="Color" />
        <h:outputText id="Color" value="#{CompraVentaVehiculoController.vehiculo.color}" />

        <h:outputLabel value="Año Fab.: " for="AnioFab" />
        <h:outputText id="AnioFab" value="#{CompraVentaVehiculoController.vehiculo.anioFabricacion}" />

        <h:outputLabel value="Clase: " for="Clase" />
        <h:outputText id="Clase" value="#{CompraVentaVehiculoController.vehiculo.clase}" />

        <h:outputLabel value="Nro Motor: " for="NroMotor" />
        <h:outputText id="NroMotor" value="#{CompraVentaVehiculoController.vehiculo.nroMotor}" />

        <h:outputLabel value="Carrocería: " for="Carroceria" />
        <h:outputText id="Carroceria" value="#{CompraVentaVehiculoController.vehiculo.carroceria}" />

        <h:outputLabel value="Precio: " for="Precio" />
        <h:outputText id="Precio" value="#{CompraVentaVehiculoController.vehiculo.precio}" />

        <h:outputLabel value="Moneda: " for="Moneda" />
        <h:outputText id="Moneda" value="#{CompraVentaVehiculoController.vehiculo.moneda}" />

        <h:outputLabel value="Nro Tarj. Prop.: " for="NroTarjProp" />
        <h:outputText id="NroTarjProp" value="#{CompraVentaVehiculoController.vehiculo.derechoPropiedad.nroTarjetaPropiedad}" />

        <h:outputLabel value="Ofic. Prop.: " for="OficProp" />
        <h:outputText id="OficProp" value="#{CompraVentaVehiculoController.vehiculo.derechoPropiedad.oficinaRegistral}" />

        <h:outputLabel value="Fecha Prop.: " for="FechProp" />
        <h:outputText id="FechProp" value="#{CompraVentaVehiculoController.vehiculo.derechoPropiedad.fechaPropiedad}" >
            <f:convertDateTime pattern="dd/MM/yyyy" />
        </h:outputText>

    </h:panelGrid>

</a4j:outputPanel>

<rich:spacer height="15" />

<a4j:commandButton action="anterior" value="<< Anterior" />